<template>
<div>
<!-- 三级联动 -->
<!--  <type-nav></type-nav>
  <list></list>
  <recommend></recommend>
  <rank></rank>
  <like></like>
  <floor></floor>
  <brand></brand>-->
  <p>{{count}}</p>
  <button @click="add(1)">添加</button>
</div>

</template>

<script>
import list from "@/pages/home/list";
import recommend from "@/pages/home/recommend";
import rank from "@/pages/home/rank";
import like from "@/pages/home/like";
import brand from "@/pages/home/brand";
import floor from "@/pages/home/floor";
import {mapState, mapGetters, mapActions, mapMutations} from "vuex";


export default {
  name: "Home",
  components:{
    list,recommend,rank,like,brand,floor
  },
  computed:{
    ...mapState("homeAbout",["count"])
  },
  methods:{
    ...mapMutations({add:"homeAbout/ADD"})
  }

}
</script>

<style scoped>

</style>